<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="sds/css/main.css">
        <script></script>
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div id="page_0" class="up ub ub-ver" tabindex="0">
            <div id="header" class="ub ub-ver">
                <div id="header1" class="uh bc-text-head ub bc-head">
                    <div class="nav-btn" id="nav-left">

                    </div>
                    <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">新闻</h1>
                    <div class="nav-btn nav-bt" id="nav-right">
                        <div class="fa fa-th-large ulev2"></div>
                    </div>
                </div>
                <div class="ub c-wh2">
                    <div class="ub ub-ac us-hnfn ub-f1" id="tabview">

                    </div>
                    <div class="ub ub-ac ub-pc uw-hnfn1">
                        <div class="uwh-tBtn ub-img newstianjia"></div>
                    </div>
                </div>
            </div>
            <div id="content" class="ub-f1">

            </div>
            <div style="border-top: 1px solid #e6e6e6;border-bottom: 1px solid #fff;margin:0 0.5em;"></div>
            <!-- <div id="footer" class="uf t-bla ub tab bc-text-head ubt bc-border">

            </div> -->
        </div>
    </body>
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.tab.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            var titHeight = $('#header').offset().height;
            appcan.frame.open("content", "sds_content.html", 0, titHeight);
            window.onorientationchange = window.onresize = function() {
                appcan.frame.resize("content", 0, titHeight);
            }
        });
        var tabview1 = appcan.tab({
            selector : "#tabview",
            hasIcon : false,
            hasAnim : true,
            hasLabel : true,
            hasBadge : false,
            data : [{
                label : "头条",
            }, {
                label : "娱乐",
            }, {
                label : "科技",
            }, {
                label : "军事",
            }, {
                label : "移动互联网",
            }]
        });
        tabview1.on("click", function(obj, index) {
            //appcan.window.selectMultiPopover("content",index);
        })
        var tabview = appcan.tab({
            selector : "#footer",
            hasIcon : true,
            hasAnim : false,
            hasLabel : true,
            hasBadge : false,
            data : [{
                label : "　新闻　",
                icon : "fa-list-alt"
            }, {
                label : "订阅",
                icon : "fa-file-text-o"
            }, {
                label : "图片",
                icon : "fa-file-image-o"
            }, {
                label : "视频",
                icon : "fa-play-circle-o"
            }]
        });
        appcan.button(".nav-btn", "btn-act", function() {
            //appcan.window.close(-1);
        })
    </script>
</html>
